<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible">
    <title>1的N次幂后台登录</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="shortcut icon" href="/static/img/Head.png" type="image/x-icon"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="static/css/back_login.css">
</head>
<body>
<section class="canvas-wrap">
    <div id="canvas" class="gradient"></div>
</section>
<div class="alert alert-danger"></div>
<div class="container">
    <div class="hreaderImg">
        <img src="static/img/Head.png" width="80" height="80">
    </div>
    <form class="bs-example bs-example-form" role="form">
        <div class="input-group">
            <span class="input-group-addon"> <i class="fa fa-user "></i></span>
            <input type="text" class="form-control" id="username" placeholder="请输入用户名" data-toggle='popover'
                   data-placement="top" value="">
        </div>
        <div class="input-group">
            <span class="input-group-addon"><i class="fa fa-key"></i></span>
            <input type="password" class="form-control" id="password" placeholder="请输入密码" data-toggle='popover'
                   data-placement="top" value="">
        </div>
        <div id="verifCode" class="input-group">
            <span id="verifWait">正在加载验证码......</span>
        </div>
        <div class="input-group loginBtn">
            <a id="loginBtn" class="btn btn-primary">
                登&emsp;&emsp;录
            </a>
        </div>
    </form>
</div>
<script type="text/javascript" src="/static/plugins/jQuery/jquery-3.3.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
<script type="text/javascript" src="static/plugins/GEETEST3/gt.js"></script>
<script type="text/javascript" src="static/js/back_login.js"></script>
<script>
    $(function () {
        checkLogined();//检测是否登录(本来应该检测完成之后再初始化验证码和其他操作，但是考虑到未登录是少数，又是个人用，故不做性能处理)
        initCode()//初始化验证码
        setInterval(alertInterval, 1000);//提示信息弹出窗定时任务
        $(".form-control").focus(formControlFocus).blur(formControlBlur);//输入框获取焦点和失去焦点
        $(document).on("keydown", keyDownEvent);//添加键盘事件
    })
</script>
<script src="https://zhangbin.xin/static/js/login/three.min.js"></script>
<script src="https://zhangbin.xin/static/js/login/projector.js"></script>
<script src="https://zhangbin.xin/static/js/login/canvas-renderer.js"></script>
<script src="https://zhangbin.xin/static/js/login/3d-lines-animation.js"></script>
<script src="https://zhangbin.xin/static/js/login/color.js"></script>
</body>
</html>